<load href="../Public/css/account.css" />
<load href="../Public/js/plugin/jquery-validation-1.9.0/jquery.validate.min.js" />
<load href="../Public/js/plugin/jquery-validation-1.9.0/localization/messages_cn.js" />
<load href="../Public/js/plugin/jquery-validation-1.9.0/lib/jquery.metadata.js" />
<load href="../Public/js/module/User/login.js" />
<div id="main-content">

    <div class="page-content accounts-page">
        <div class="full-thin-caption">
            <div class="thin-caption-left"></div>
            <div class="thin-caption-full-content"></div>
            <div class="thin-caption-right"></div>
        </div>
        <div class="full-content login-page">
            <h1>用户登录</h1>
            <form action="__APP__/User/login.shtml" method="post" class="accounts-left form-box login-popup-mini fleft" style="width:380px;" id="login-form">

                <div style="display:none"></div>

                <span class="error" id="form-error">
                </span>
                <div class="input-box input-email">
                    <label for="id_username">
                        Email
                    </label>
                    <input type="text" id="id_username" class="{required:true, email:true}" name="email" maxlength="30" value="" />
                    <span class="error"></span>
                </div>
                <div class="input-box input-pwd">
                    <label for="id_password">
                        密码
                    </label>
                    <input type="password" name="password" id="id_password" class="{required:true}" value="" maxlength="30" />
                    <span class="input-tips"></span>
                </div>
                <div class="input-box">
                    <label>
                        &nbsp;
                    </label>
                    <span class="login-action">
                        <input type="checkbox" checked="yes" id="id_remember_me" name="remember_me">
                        <label for="agreement">
                            下次自动登录 |
                            <a href="/accounts/forgetpassword/">忘记密码</a>
                        </label>
                    </span>
                </div>
                <div style="padding:0 130px 10px 0;" class="clearfix">
                    <a id="btn_submit" class="rectangle-button rectangle-small-button fright" href="#">登&nbsp;录</a>
                </div>
                <div class="social-icons icons-h">
                    <p>
                        或者使用合作网站登录白泡泡
                    </p>
                    <a onclick="socialLogin('sina')" href="javascript:;">
                        <img title="新浪微博" alt="新浪微博" src="../Public/images/sync_sina_thin.png">
                    </a>
                    <a onclick="socialLogin('qq')" href="javascript:;">
                        <img title="腾讯微博" alt="腾讯微博" src="../Public/images/sync_qq_thin.png">
                    </a>
                </div>
            </form>
            <script>
                bindNextPath();
            </script>
            <div style="width:100px;" class="fleft accounts-right">
                <p style="margin-top:60px;font-size:14px;width: 180px;">还不是白泡泡用户</p>
                <a class="rectangle-blue-button rectangle-button fright" href="__APP__/User/register.shtml">欢迎注册!</a>
            </div>
            <div class="clear"></div>
        </div>
        <div id="scroll-shadow" class="clearfix">
            <div id="scroll-shadow-left"></div>
            <div id="scroll-shadow-right"></div>
        </div>
    </div>

</div>